html, body{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background: url(img/EagleEye_BG.jpg) repeat;
	font-family: "微软雅黑";
}
.language {
	position:aboslute;
	top: 10px;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
.language div{
	float: right;
	margin-right:20px;
}
.language a{
	margin:0px 5px 0px 0px;
	cursor: default;
}
.language a:hover{
	color: white;
}
.language_selected {
	color: #AAAAAA;
}
.container {
	min-height: 100%;
	width: 980px;
	margin: 0px auto;
}

.main {
	float: left;
	width: 940px;
	margin: 0px;	
}
.header {
	width:100%;
	height: 172px;
	margin: 0px;
	background: url(img/EagleEye_hottopic_header_bg.png) no-repeat;
	cursor:pointer;
}
.content {
	width: 100%;
	min-height: 500px;
	background: url(img/EagleEye_hottopic_main_bg.png) repeat;
}
.mainpanel {
	display: none;
}
.searchbar {
	width:100%;
	height: 35px;
	margin-left: 5px;
	background: url(img/EagleEye_hottopic_search_bg.png) no-repeat;
}
#searchinput {
	margin: 0px 0px 0px 240px;
	width: 420px;
	height: 30px;
	background-color: transparent;
	border: none;
	outline: none;
	color: #FFFFFF;
	font-size: 16px;
	vertical-align:middle;
}
#searchaction {
	width: 30px;
	height: 30px;
	vertical-align:middle;
}

#newsPanel {
	margin-left: 0px;
}

.news {
	float: left;
	color: rgb(54, 54, 54);
	margin-top:10px;
	margin-left: 50px;
	min-height: 240px;
	width: 400px;
}
.news table {
	color: rgb(54, 54, 54);
	font-size: 14px;
	font-weight: normal;
}
.news tr {
	height:20px;
}
.col1 {
	width:300px;
}
.col1 a {
	color: rgb(54, 54, 54);
	text-decoration: none;
}
.col1 a:hover{
	color: rgb(9, 166, 218);
}
.col2 {
	width:80px;
}

.newsHeader {
	color: rgb(9, 166, 218);
	font-weight: bold;
	font-size:14px;
}
.newsFooter {
	height:20px;
	width: 100%;
}
.newsFooter p {
	float: right;
	font-weight: bold;
	font-size: 14px;
	color: rgb(9, 166, 218);
	cursor: pointer;
	margin-right: 15px;
}
#keywordlist {
	float: left;
	margin-left: 20px;
	width: 180px;
	font-weight:bold;
}
#keywordlist div {
	margin-top: 10px;
}
#keywordlist div:hover {
	color: rgb(9, 166, 218);
	cursor: pointer;
}
.allNews {
	font-size: 14px;
	margin: 20px 0px 0px 100px;
}
.allNews table {
	width: 400px;
}
#newsListTitle {
	margin: 10px auto;
	font-size: 20px;
	font-weight: bold;
	width: 300px;
}
.newsPages {
	margin-top: 10px;
	width: 620px;
	height: 20px;
	color: rgb(9, 166, 218);
	font-size: 14px;
}

.newsPages span {
	float: right;
	margin-right: 10px;
}


.topicPanelHeader {
	width: 100%;
	height: 30px;
}
.topicPanelHeader p{
	float: right;
	margin: 0px;
	margin-right: 200px;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
}
.topicPanelHeader input {
	float: right;
	width: 100px;
	height: 20px;
	margin-top: 5px;
	margin-right: 120px;
}
#topiclist {
	min-height: 500px;
}
#topiclist a:hover{
	color: rgb(9, 166, 218);
}
.navigationbar {
	width: 80px;
	margin: 0px;
	margin-left: 920px;
	padding-top: 200px;
}
#home {
	width:51px;
	height:80px;
	margin-left: -5px;
	background: url(img/EagleEye_hottopic_home_btn.png);
	cursor: pointer;
}
#home:hover{
	background: url(img/EagleEye_hottopic_home_btn.png);
}
#topic {
	width: 46px;
	height: 80px;
	background: url(img/EagleEye_hottopic_hot-topic_btn.png);
	cursor: pointer;
	margin-top: -22px;
}
#topic:hover{
	background: url(img/EagleEye_hottopic_hot-topic_btn.png);
}

.pepsi {
	width: 80px;
	height: 78px;
	margin: 0px;
	margin-top: -22px;
	background: url(img/EagleEye_hottopic_pepsi_btn.png);
	cursor: pointer;
}
.pepsi.selected{
	background: url(img/EagleEye_hottopic_pepsi_hl_btn.png);
}
.quaker {
	width: 80px;
	height: 78px;
	margin: 0px;
	margin-top: -22px;
	background: url(img/EagleEye_hottopic_quaker_btn.png);
	cursor: pointer;
}
.quaker.selected{
	background: url(img/EagleEye_hottopic_quaker_hl_btn.png);
}
.lays {
	width: 80px;
	height: 78px;
	margin: 0px;
	margin-top: -22px;
	background: url(img/EagleEye_hottopic_lays_btn.png);
	cursor: pointer;
}
.lays.selected {
	background: url(img/EagleEye_hottopic_lays_hl_btn.png);
}
.sevenup {
	width: 80px;
	height: 78px;
	margin: 0px;
	margin-top: -22px;
	background: url(img/EagleEye_hottopic_seven_btn.png);
	cursor: pointer;
}
.sevenup.selected{
	background: url(img/EagleEye_hottopic_seven_hl_btn.png);
}

.mirinda {
	width: 80px;
	height: 78px;
	margin: 0px;
	margin-top: -22px;
	background: url(img/EagleEye_hottopic_Mirinda_btn.png );
	cursor: pointer;
}
.mirinda.selected{
	background: url(img/EagleEye_hottopic_Mirinda_hl_btn.png );
}

.gatorade {
	width: 80px;
	height: 78px;
	margin: 0px;
	margin-top: -22px;
	background: url(img/EagleEye_hottopic_Gatorade_btn.png );
	cursor: pointer;
}
.gatorade.selected{
	background: url(img/EagleEye_hottopic_Gatorade_hl_btn.png );
}

.selected{
	
}
.footer {
	margin: 0px;
	width: 100%;
	height: 175px;
	background: url(img/EagleEye_hottopic_footer_bg.png) no-repeat;
}

/*--------------------- brand charts  ----------------------*/
#totalTrendPanel {
	margin-left: 60px;
	font-size:12px;
	color: #363636;
}
#totalNumber {
	float: left;
	font-size:20px;
	font-weight: bold;
	width: 120px;
	color: #F97F38;
}
.updateBtn {
	font-weight: bold;
	color: rgb(9, 166, 228);
	cursor: pointer;
}
.timeinput{
	width: 70px;
	height: 16px;
	font-size:12px;
}

.dashboardRow {
	margin-left:60px;
	margin-top: 10px;
	min-height: 240px;
}
.dashboardItem {
	float: left;
	width: 300px;
	height: 260px;
	margin-top: 0px;
}
.dashboardRowHeader{
	width: 300px;
	height:20px;
	color: rgb(9, 166, 218);
	font-size:14px;
	font-weight:bold;
	margin: 0px;
}
.dashboardRowHeader p {
	margin: 0px;
}
.dashboardChart {
	margin:0px;
	margin-top: 10px;
	float: left;
	height: 200px;
	width: 400px;
}

.dashboardChart_v {
	float: left;
	height: 200px;
	width: 300px;
}
#weiboFans {
	margin:0px;
	width: 600px;
	float: left;
}
#weiboFansCount {
	font-size:14px;
	font-weight: bold;
	margin-left: 10px;
}
#weiboFansChange {
	margin-left: 20px;
}
#weiboFansListChart{
	float: left;
	margin: 0px;
	height: 200px;
	width: 300px;
}
.weiboFansItem {
	float: left;
	width:110px;
	height: 95px;
	margin:0px 0px 5px 5px;
	background: #FFF;
}
.weiboFansItem p {
	width: 95%;
	margin: 2px;
	font-size: 12px;
	text-align: right;
}

#weiboFansChart {
	float: left;
}
#topicChart {
	height: 200px;
	width: 200px;
}
.topicContainer{
	float: left;
	height: 240px;
	width: 200px;
	margin: 0px;
}

.trendChart{
	float: left;
	margin: 0px;
	margin-left: 10px;
	margin-top: 10px;
	height: 200px;
	width: 400px;
}
